<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="../framework/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/login.css">
    <title>美团外卖登录</title>
</head>
<body>
<div class="login-container">
  <div class="logo">
    <img src="../img/Snipaste_2024-07-09_12-59-12.png" height="419" width="373"/>
    <div class="info">
      <h1>美团外卖</h1>
      <h4>waimai.meituan.com</h4>
    </div>

  </div>
  <div class="login-form">
    <div class="tab-container">
      <h3 class="tab active" style="font-size: 5.5vw" >手机验证登录 </h3>
      <h3 class="tab" style="color: #777777">账号密码登录</h3>
    </div>
    <ul class="form">
      <li>
        <div class="title" style="margin-left: 6.5vw;">+86<i class="fa fa-caret-down"></i>:</div>
        <div class="content">
          <input type="text" placeholder="请输入手机号码">
        </div>
      </li>
      <li>
        <div class="title" style="margin-left: 9vw">密码:</div>
        <div class="content">
          <input type="text" placeholder="请输入密码">
        </div>
      </li>
      <!-- 用户协议和隐私政策 -->
      <div class="agreement">
        <input type="checkbox" id="agreement-checkbox">
        <label for="agreement-checkbox">我已阅读并同意<a href="#">《美团用户协议》</a>和<a href="#">《隐私政策》</a></label>
      </div>
    </ul>
    <div class="button-login" onclick="location.href='index.html'">
      <button>登录</button>
    </div>
    <div class="button-register">
      <button onclick="location.href='register.html'">去注册</button>
    </div>

    <div class="links">
      <a href="#">还没有账号？去注册</a>
      <a href="#">忘记密码？</a>
    </div>
    <div class="other-login">
      <button class="wechat-btn"><img src="../img/Snipaste_2024-07-11_08-29-39.png" height="34" width="38"/></button>
      <button class="qq-btn"><img src="../img/Snipaste_2024-07-11_08-29-55.png" height="43" width="35"/></button>
    </div>

  </div>
</div>
</body>
</html>